/**
 * 打字效果 byaei
 */
 function typewrite()
 {
     let str="<还记得小程曾问过我,那个23年的朋友圈我的回答是什么,<现在我告诉小程我当时就想答应小程哈哈哈哈<小程，懒懒的,做事三分钟热度,但同时又好可爱,又好善良,又一直鼓励我,又一直为别人考虑,这些种种合在一起就是我喜欢你小程<哈哈哈哈不行啊,我很腼腆的就写这么多吧哈哈哈<写于2025年3月13号22:05(此时小程在吹头发)";//利用<作为换行符 -作为空格
     let strp="";
     let i=0;
     function print1()
     {
         if(str[i]=='<')
         {
             document.getElementById("box1").innerHTML=strp+"<br><br>"+'|';
             strp+="<br><br>";
         }
         else
         if(str[i]=='-')
         {
             document.getElementById("box1").innerHTML=strp+'&nbsp&nbsp&nbsp';
             strp+="&nbsp&nbsp&nbsp";
         }
         else
         {
             strp+=str[i];
             document.getElementById("box1").innerHTML=strp+'|';
         }
         i++;
     }
     function print2()
     {
         setTimeout(()=>{document.getElementById("box1").innerHTML=strp+'&nbsp';},100);
         setTimeout(()=>{document.getElementById("box1").innerHTML=strp+'|';},630);
     }
     let printid=setInterval(() => {
         print1();
         if(i==str.length)
         clearInterval(printid);
     },90);  
     setTimeout(() => {
         id=setInterval(print2,1060);//注意setInterval内部直接写函数的时候是直接写函数名不加括号的。
     },(str.length-1)*90);
     //0.53秒闪一次
 }
 



let clickb=false;//判断播放按钮是否已经按过了，如果已经按过了才可以执行键盘事件
 
 function funclick()
 {
     let x = document.createElement("audio");
     x.setAttribute("src", "./video/55.mp3");
     x.setAttribute("autoplay","autoplay");
     let yinyan=document.getElementById("yinyan");
     yinyan.setAttribute("style","opacity:0");
     setTimeout(function(){
         document.getElementById("fronclick").style.zIndex=-300;
         document.getElementById("box").style.opacity=1;
     },1500);//让播放按钮消失了
     //yinyan.style.opacity=0;
     clickb=true;
 }


 
 
 let k={
     a:0,b:1,c:2,d:3,e:4,f:5,g:6,h:7,i:8,j:9,k:10,l:11,m:12,n:13,o:14,p:15,q:16,r:17,s:18,t:19,u:20,v:21,w:22,x:23,y:24,z:25,
     A:0,B:1,C:2,D:3,E:4,F:5,G:6,H:7,I:8,J:9,K:10,L:11,M:12,N:13,O:14,P:15,Q:16,R:17,S:18,T:19,U:20,V:21,W:22,X:23,Y:24,Z:25
 } 
 let a=[
     {name:"A",yin:8, str:"<br><br><br>今天是3月14号距离见面还有20天,昨天晚上咱们都睡的好早啊哈哈哈哈算是最早的一次了应该是,明天小程就休息了哈哈哈哈今天想奖励一下小程那个茶百道的羽衣甘蓝,今天突然看到有外卖了<br><br>明天吧给小程一个惊喜小程肯定会很吃惊的哈哈哈哈<br><br>试一下其他的按键吧我这哈哈哈哈是不是有点多啊"},
     {name:"B" ,yin:2, str:`<br><br><br>今天是3月15号距离见面还有19天,哈哈哈哈周六了要休息了小程小程<br>今天我干嘛了呀,今天摸了一天的鱼,然后没事干就想训练一个小程声音的模型,然后就做了一天做出来了哈哈哈哈还挺逗的<br><br>哈哈哈哈对了今天还奖励了一下小程哈哈哈哈,霸王茶姬小程很喜欢那个杯子的颜色<br>`},
     {name:"C" ,yin:3, str:"<br><br><br><br>今天是3月16号距离见面还有18天,今天是周日我也休息了哈哈哈哈睡到了1点多小程比我醒的还早啊这么厉害<br><br>今天小程在赶作业哈哈哈哈然后下午去看了一下眼睛还好没什么事<br><br>又吃的鸡蛋汉堡,然后大晚上收拾了一下要出发写生了"},
     {name:"D" ,yin:4, str:"<br><br><br><br>今天是3月17号距离见面还有17天,今天周一了小程起好早就去坐车去写生了哎哟哎哟晕车贴还不太管用小程晕车了,下次直接给小程买晕车药吧感觉会好点<br><br>今天在哪里试焊新的工件不怎么行,白忙活了一天早知道不焊了<br>这个时候小程到了已经在吃饭了哈哈哈哈"},
     {name:"E" ,yin:5, str:"<br><br><br><br>今天是3月18号距离见面还有16天,今天又是摸鱼的一天,客户说是带新的工件,但是没带休息了一天,下午没事干背了单词，然后又看了看视觉相关的东西<br><br>然后就下班了哈哈哈哈,买的不知道什么饼不好吃,水煎包吃着一般<br><br>小程在看呢个夏米的故事哈哈哈哈这时候在给我讲"},
     {name:"F" ,yin:6, str:"<br><br><br><br>今天是3月19号距离见面还有15天<br><br>今天上午没事干背了单词哈哈哈哈,下午又焊了新的工件小程去了好几个村子去转了转<br>然后晚上吃的麻辣香锅好吃哈哈哈哈<br>今天还学了一下机械的专业课学了第一章了哈哈哈哈"},
     {name:"G" ,yin:7, str:"<br><br>今天是3月20号距离见面还有14天<br><br>好快啊上午我直接买了票哈哈哈哈马上就可以见面咯,今天比较忙一点,测试焊接了好几个工件效果来说还可以客户挺满意的<br><br>明天可能就是继续焊这个东西<br></br>哈哈哈哈晕车药刚问了明天就到了小程回去就不会不舒服了"},
     {name:"H" ,yin:5, str:"<br><br>今天是3月21号距离见面还有13天哈哈哈哈,今天又焊接了一天还有几个工件好像是<br></br>明天小程小程就要回来了哈哈哈哈希望晕车药管用啊,对了那个许昌那个回来了,说不定我两个一块回去呢还能省点钱看一下吧哈哈哈哈<br></br>"},
     {name:"I" ,yin:3, str:"<br><br>今天是3月22号距离见面还有12天好快啊 <br>小程小程回来了哈哈哈哈就是小程还是晕车了还感冒了希望明天就好啊<br>今天吃的凉菜加2块钱的馒头一般般啊<br><br>"},
     {name:"J" ,yin:10, str:"<br><br><br><br>今天是3月23号距离见面还有11天明天就抢回程的票了好快啊<br><br>马上就能见面了距离上次见面两个月吧<br><br>小程今天感觉很难受啊,感冒变严重了希望明天就没事了"},
     {name:"K" ,yin:11, str:"<br><br>今天是3月24号距离见面还有10天,小程今天病好了哈哈哈哈开心给小程买的小蛋糕小程也很喜欢哈哈哈哈ski<br>我在背单词一会一会看看英语真题重新做一下哈哈哈哈哈<br><br><br><br></br>"},
     {name:"L" ,yin:8, str:"<br><br><br><br>今天是3月25号距离见面还有9天哈哈哈哈,今天焊了很多的工件想着焊完呢结果焊不完了<br><br>今天单词背的很快啊哈哈哈哈哈小程小程这不得奖励我啊哈哈哈哈<br><br>"},
     {name:"M" ,yin:13, str:"<br><br><br><br>今天是3月26号距离见面还有8天哈哈哈哈<br></br><br><br>今天还不太忙啊哈哈哈,今天下午太热了买的雪糕好吃伊利的那个提子奶糕,下午解决了一个问题那个两米的工件能焊接了快夸夸我，晚上吃的饺子好吃，现在在跟小程打电话哈哈哈哈”"},
     {name:"N" ,yin:3, str:"<br><br><br><br>今天是3月27号距离见面还有7天了,小程今天上英语课哈哈哈哈今天好忙啊焊了一天的那种长条的工件,这两天给大哥说说让楼下找个人教他们焊接,我在楼下待的人麻了都要<br><br>对了对了今天吃的麻辣香锅好吃<br><br>"},
     {name:"O" ,yin:7, str:"<br><br><br><br>今天是3月28号距离见面还有6天了我想试一下能不能把这个网站部署一下让别人都能看到我试一下吧哈哈哈哈<br>已经想到小程看到后夸我的样子了哈哈哈哈<br><br><br><br><br>"},
     {name:"P" ,yin:16, str:"<br><br><br><br>今天是3月29号距离见面还有5天<br><br>今天摸鱼了一整天哈哈哈哈没事,然后背了360个单词这不夸夸我啊小程小程，晚上我们一块聚餐吃了饭，我们买的凉菜还有几个热菜然后我们就吃吃吃聊聊聊然后我就回来了小程小程<br><br>"},
     {name:"Q" ,yin:17, str:"<br><br><br><br>今天是3月30号距离见面还有4天<br><br>今天剪了头发然后想吃那个麻辣香锅呢结果没开门就去吃那个饺子了不好吃了这次,然后就去买了零食哈哈哈哈哈跟小程打了电话<br><br>"},
     {name:"R" ,yin:18, str:"<br><br><br><br>今天是3月31号距离见面还有3天<br><br>今天又是摸鱼的一天,玩了一天手机,技术部让写一个3d相机结合机器人的方案我明天写一下吧哈哈哈哈小程小程<br><br>小程现在在睡觉哈哈哈哈我一会试试那个目标检测框架"},
     {name:"S" ,yin:19, str:"<br><br>今天是4月1号距离见面还有2天<br><br>哈哈哈哈要见面了马上今天做了一下技术部让做的设计方案这玩意实现不了但还是要意思一下写一下证明我们做努力了<br>今天吃的什么呀我想想就水煎包吧加几个馒头</>"},
     {name:"T" ,yin:20, str:"<br><br>今天是4月2号距离见面还有1天<br><br>距离见面不到20个小时我看看有顺风车没有没有的话我再打车,今天那个设计方案改了一下我又实际测试了一下效果还可以就等着明天去见小程了<br><br></>"},
     {name:"U" ,yin:5, str:"<br><br>今天要见面了不知道今天见面小程还尴尬吗哈哈哈哈哈过几个小时就知道了不知道这次见面小程给我什么照片呢哈哈哈哈还准备了好多东西呢这么好啊好好好<br><br>小程就是最最最最可爱最最最最最好的<br><br>"},
     {name:"V" ,yin:22, str:"<br><br><br><br><br><br><br><br>"},
     {name:"W" ,yin:3, str:"<br><br><br><br><br><br><br><br>"},
     {name:"X" ,yin:2, str:"<br><br><br><br><br><br><br><br>"},
     {name:"Y" ,yin:25, str:"<br><br><br><br><br><br><br><br>"},
     {name:"Z" ,yin:26, str:"<br><br><br><br><br><br><br><br>"}
 ];
 let b=["linear-gradient(25deg, #c3786f, #a99188, #84a7a1, #3bbcbb)",
 "linear-gradient(25deg, #cb5860, #b3876f, #90ad7f, #4acf8f)",
 "linear-gradient(25deg, #e473a3, #d294aa, #bbb0b1, #9ccab8)",
 "linear-gradient(25deg, #452089, #505ca1, #4b94b8, #24cdcf)",
 "linear-gradient(25deg, #04245a, #652959, #a62557, #e60b55)",
 "linear-gradient(25deg, #88a0ff, #b6bedd, #d6deb9, #eeff91)",
 "linear-gradient(25deg, #3e1c59, #53646f, #53ad83, #27fb95)",
 "linear-gradient(25deg, #590146, #634264, #647184, #56a1a5)",
 "linear-gradient(25deg, #694afc, #a26dfd, #d091fe, #f9b7fe)",
 "linear-gradient(25deg, #412285, #4c599c, #488eb3, #29c4c9)",
 "linear-gradient(25deg, #003876, #1f6889, #239b9a, #00d1ab)",
 "linear-gradient(25deg, #db6679, #b9907b, #8bb17e, #29ce80)",
 "linear-gradient(25deg, #060d37, #174161, #1d7a8d, #12b8bc)",
 "linear-gradient(25deg, #fcb9b5, #fed0ad, #ffe7a5, #fffd9b)",
 "linear-gradient(25deg, #0f4660, #6b486c, #ac3f78, #ec1384)",
 "linear-gradient(25deg, #094189, #7f566b, #bd6d49, #f78707)",
 "linear-gradient(43deg, #00a08c, #7db19d, #c1c0af, #ffcec1)",
 "linear-gradient(35deg, #526fbf, #8c98d0, #bfc3e0, #f0f0f0)",
 "linear-gradient(25deg, #d03e9b, #d2788a, #cfa676, #c6d05c)",
 "linear-gradient(25deg, #8fd647, #a0d187, #a8ccbf, #a8c7f7)",
 "linear-gradient(25deg, #e45579, #c59280, #96bf87, #19e88e)",
 "linear-gradient(25deg, #d575db, #b29db2, #83bb87, #00d456)",
 "linear-gradient(25deg, #d929f7, #e67cc5, #e5b38f, #d8e549)",
 "linear-gradient(25deg, #fd390b, #e1765b, #b19fa1, #1ec1e9)",
 "linear-gradient(25deg, #7b7bd4, #759cbc, #62bca2, #30db85)",
 "linear-gradient(25deg, #d6007b, #b8509e, #8a71c2, #0b8be8)"];
 let s='a';
 let records=0;//记录我已经输入过了，防止出现多个打字function byaei
 
 
 /*键盘事件*/
 function fl(e)
 {
     if(clickb==true)
     {
        let key =e.key;
     if((key<='z'&&key>='a')||(key<='Z'&&key>='A'))//避免大小写的错误
     {
         let p=a[k[key]];
         s=s+p.name;
         let x = document.createElement("audio");
         x.setAttribute("src", `./video/${p.yin}.mp3`);
         x.setAttribute("autoplay","autoplay");
         let box=document.getElementById("box");
         let boxl=document.getElementById("boxl");
         let boxr=document.getElementById("boxr");
         let boxup=document.getElementById("boxup");
         let bac=document.getElementById("bac");
         bac.style.opacity=0;
         box.style.transition="0.5s";
         box.style.opacity=0;
         boxup.style.opacity=0;
         setTimeout(function()
         {
         boxl.innerHTML=`${p.name}`;
         boxr.innerHTML=`${p.str}`;
         console.log(b[k[key]]);
         bac.style.background=`${b[k[key]]}`;
         box.style.opacity=1;
         boxup.style.opacity=1;  
         bac.style.opacity=1;
         },500);
         if(s.indexOf("XIAOCHENGWXHN")!=-1&&records==0)
         {
             setTimeout(function()
             {
                 records=1;
                 bac.style.opacity=0;
                 box.style.opacity=0;
                 boxup.style.opacity=0;  
                 bac.style.opacity=0;
                 let box1=document.getElementById("box1");
                 box1.style.zIndex=7;
                 box1.style.opacity=1;
                 let music=document.createElement("audio");
                 x.setAttribute("src", `./video/zuihaode.mp3`);
                 x.setAttribute("autoplay","autoplay");
                 x.setAttribute("loop","loop");
             },750);
             setTimeout(typewrite,3000);//进行打字
         }
     }
     }  
 }
 
 
 window.onkeyup=fl;